<script setup>
// This starter template is using Vue 3 <script setup> SFCs
// Check out https://vuejs.org/api/sfc-script-setup.html#script-setup
import headerNav from '@/views/head/index.vue'
import box from '_components/box/index.vue'
import bottomNav from '@/views/bottom/index.vue'
import Index from './views/index.vue'
</script>

<template>
  <div id="wrap">
   <headerNav style="margin-bottom:15px"></headerNav>
    <!-- <box></box> -->
    <!-- <div style="flex:1;display: flex;flex-direction: column;position: relative;overflow: auto;">
      <router-view style="flex:1;margin-bottom:40px;overflow: auto;"></router-view>
      <bottomNav class="bottom"></bottomNav>
    </div> -->
    <Index></Index>
    
  </div>
  
</template>

<style scoped lang="postcss">
  
#wrap
{
  flex: 1;
  
  display: flex;
    flex-direction: column;
    padding: 0 1.6%;
    height: 100%;
    overflow: auto;
}
.bottom
{
  position: absolute;
    bottom: 0;
    width: 100%;
}
</style>
